@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Microsoft yahei"; }

body,
textarea,
input,
select,
option {
  color: #333;
  font-family: "Hiragino Sans GB", "Microsoft Yahei", tahoma, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
ol,
ul,
dl,
dd,
p,
textarea,
input,
select,
option,
form {
  margin: 0;
  padding: 0; }

ol,
ul,
textarea,
input,
option,
th,
td {
  padding: 0; }

.page {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%; }

a,
select,
input,
textarea {
  outline: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul,
ol {
  list-style-type: none; }

.hide {
  display: none; }

.show {
  display: block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

/* ios默认文本框阴影 */
input[type="text"],
textarea {
  -webkit-appearance: none; }

/* 低版本安卓文本框层级问题 */
input:focus {
  -webkit-user-modify: read-write-plaintext-only; }

fieldset,
img {
  border: 0; }

a {
  text-decoration: none; }

a,
textarea,
input {
  outline: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

textarea {
  overflow: auto;
  resize: none; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
    /* 12÷16=75% */ } }

/**
    62.5%   10px;
    640 150%    24px;
    320除以标准比例 640  再乘以 640的基数24  再除以  HTML 根据基数16
    320/640  * 24 / 16 = 75%;
    375/640  * 24 / 16 = 87.89%;
    414/640  * 24 / 16 = 97.03%
*/
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.3% !important;
    /* 13.5÷16=84.3% */ } }

@media only screen and (min-width: 375px) {
  html {
    font-size: 87.890625% !important;
    /* 14.0625÷16=87.890625% */ } }

@media only screen and (min-width: 384px) {
  html {
    font-size: 90% !important;
    /* 14.4÷16=90% */ } }

@media only screen and (min-width: 390px) {
  html {
    font-size: 91.4% !important;
    /* 14.625÷16=91.4% */ } }

@media only screen and (min-width: 412px) {
  html {
    font-size: 96.56% !important;
    /* 15.45÷16=96.56% */ } }

@media only screen and (min-width: 414px) {
  html {
    font-size: 97.03% !important;
    /* 15.525÷16=97.03% */ } }

@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
    /* 18÷16=112.5% */ } }

@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
    /* 21÷16=131.25% */ } }

@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
    /* 24÷16=150% */ } }

@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
    /* 27÷16=168.75% */ } }

@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
    /* 28.125÷16=175.78125% */ } }

.app {
  width: 26.59556rem;
  background: #ffffff; }

.body {
  height: 84.76444rem; }

.bottom {
  height: 3.05778rem;
  border-top: solid 1px var(--adm-border-color); }

.top {
  height: 3.2rem;
  border-bottom: solid 1px var(--adm-border-color); }

.bottom {
  border-top: solid 1px var(--adm-border-color);
  width: 100%;
  position: fixed;
  bottom: 0; }

.home {
  width: 100%;
  height: 100%; }
  .home .header_box {
    padding: 1.35111rem 0.99556rem 0; }
    .home .header_box .bg {
      width: 26.59556rem;
      height: 14.36444rem;
      background-color: #32ddbb;
      position: absolute;
      top: -1.35111rem;
      left: 0; }
    .home .header_box header {
      height: 2.20444rem;
      padding: 0 0.35556rem 0 0.42667rem;
      position: relative;
      display: flex;
      justify-content: space-between; }
      .home .header_box header img {
        width: 0.85333rem;
        height: 0.85333rem;
        position: absolute;
        top: 0.78222rem;
        left: 1.70667rem; }
      .home .header_box header input {
        width: 18.91556rem;
        height: 2.20444rem;
        text-indent: 2.77333rem;
        border: none;
        border-radius: 25px;
        background-color: #7fe9d8; }
      .home .header_box header input::-webkit-input-placeholder {
        color: #fff; }
      .home .header_box header button {
        width: 4.12444rem;
        height: 2.20444rem;
        text-align: center;
        padding: 0;
        border: none;
        color: #ffffff;
        border-radius: 25px;
        background-color: #9ef2d5; }
  .home .adm-swiper-slide {
    width: auto; }
  .home .swiper {
    width: 23.89333rem;
    height: 11.23556rem;
    padding: 0 0.28444rem 0 0.28444rem;
    margin-top: 0.78222rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    border-radius: 25px; }
  .home .adm-swiper-indicator {
    display: none; }
  .home .home_tab {
    width: 23.89333rem;
    height: 5.40444rem;
    padding: 0.42667rem 0 0.42667rem;
    margin: 1.28rem auto 0;
    box-shadow: 0rem 0rem 0 0.28444rem #fcfcfc; }
    .home .home_tab ul {
      display: flex;
      justify-content: space-between; }
      .home .home_tab ul li {
        height: 4.62222rem; }
        .home .home_tab ul li .circle {
          width: 3.05778rem;
          height: 3.05778rem;
          border-radius: 50%; }
          .home .home_tab ul li .circle.homeABack {
            background-image: url("../gkk_img/camera.png");
            background-repeat: no-repeat;
            background-size: 1.70667rem 1.28rem;
            background-position: center;
            background-color: #63d7ff; }
          .home .home_tab ul li .circle.toolsBack {
            background-image: url("../gkk_img/tools.png");
            background-repeat: no-repeat;
            background-size: 1.70667rem 1.28rem;
            background-position: center;
            background-color: #a0adfd; }
          .home .home_tab ul li .circle.shoesBack {
            background-image: url("../gkk_img/shoes.png");
            background-repeat: no-repeat;
            background-size: 1.70667rem 1.28rem;
            background-position: center;
            background-color: #ffd088; }
          .home .home_tab ul li .circle.makeupBack {
            background-image: url("../gkk_img/makeup.png");
            background-repeat: no-repeat;
            background-size: 1.70667rem 1.28rem;
            background-position: center;
            background-color: #ffa0c6; }
          .home .home_tab ul li .circle.classifyBack {
            background-image: url("../gkk_img/classify.png");
            background-repeat: no-repeat;
            background-size: 1.70667rem 1.28rem;
            background-position: center;
            background-color: #83eb7b; }
        .home .home_tab ul li span {
          display: inline-block;
          color: #b4b4b4;
          margin-top: 0.49778rem; }
  .home .publicWe {
    width: 24.67556rem;
    padding: 0.85333rem 0.49778rem 0.85333rem 0.49778rem;
    margin: 2.34667rem auto 0;
    box-shadow: 0rem 0rem 0 0.28444rem #fcfcfc; }
    .home .publicWe h4 {
      padding: 0 0.42667rem 0 0.64rem;
      display: flex;
      justify-content: space-between; }
      .home .publicWe h4 div {
        width: 5.04889rem;
        height: 1.56444rem;
        line-height: 1.56444rem; }
        .home .publicWe h4 div i {
          float: left;
          width: 0.35556rem;
          height: 1.56444rem;
          margin-right: 0.28444rem;
          background-image: url("../gkk_img/publicWe_jux.png");
          background-repeat: no-repeat;
          background-size: 0.35556rem 1.56444rem; }
        .home .publicWe h4 div span {
          float: left;
          font-size: 0.92444rem;
          color: #333333; }
      .home .publicWe h4 a {
        line-height: 1.56444rem;
        font-size: 0.49778rem;
        color: #666666; }
    .home .publicWe .publicWe_imgBox {
      width: 23.60889rem;
      height: 7.18222rem;
      margin-top: 0.99556rem; }
      .home .publicWe .publicWe_imgBox img {
        width: 23.60889rem;
        height: 7.18222rem;
        border-radius: 5px; }
    .home .publicWe .publicWe_heartBox {
      height: 0.85333rem;
      margin: 0.49778rem 0 0.56889rem 0; }
      .home .publicWe .publicWe_heartBox img {
        float: left;
        width: 0.85333rem;
        height: 0.78222rem;
        margin-right: 0.28444rem; }
      .home .publicWe .publicWe_heartBox span {
        float: left;
        font-size: 0.71111rem;
        color: #f11673;
        position: relative;
        top: -0.21333rem; }
    .home .publicWe .publicWe_giveLoveBox {
      display: flex;
      justify-content: space-between; }
      .home .publicWe .publicWe_giveLoveBox p {
        color: #666;
        font-size: 0.49778rem; }
      .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right {
        width: 7.68rem;
        height: 0.92444rem; }
        .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box {
          display: inline-block;
          width: 2.13333rem;
          height: 0.92444rem; }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box.marR {
            margin-right: 0.64rem; }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i {
            display: inline-block;
            width: 0.49778rem;
            height: 0.56889rem;
            margin-right: 0.21333rem; }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg {
              background-image: url("../gkk_img/praise.png");
              background-repeat: no-repeat;
              background-size: 0.49778rem 0.56889rem; }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg2 {
              background-image: url("../gkk_img/eyes.png");
              background-repeat: no-repeat;
              background-size: 0.49778rem 0.56889rem; }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg3 {
              background-image: url("../gkk_img/comment.png");
              background-repeat: no-repeat;
              background-size: 0.49778rem 0.56889rem; }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box span {
            color: #a0a0a0;
            font-size: 0.42667rem; }
  .home .home_square {
    width: 24.67556rem;
    padding: 0.85333rem 0.49778rem 0.85333rem 0.49778rem;
    margin: 2.34667rem auto 0; }
    .home .home_square h4 {
      padding: 0 0.42667rem 0 0.64rem;
      display: flex;
      justify-content: space-between; }
      .home .home_square h4 div {
        width: 5.04889rem;
        height: 1.56444rem;
        line-height: 1.56444rem; }
        .home .home_square h4 div i {
          float: left;
          width: 0.35556rem;
          height: 1.56444rem;
          margin-right: 0.28444rem;
          background-image: url("../gkk_img/publicWe_jux.png");
          background-repeat: no-repeat;
          background-size: 0.35556rem 1.56444rem; }
        .home .home_square h4 div span {
          float: left;
          font-size: 0.92444rem;
          color: #333333; }
      .home .home_square h4 a {
        line-height: 1.56444rem;
        font-size: 0.49778rem;
        color: #666666; }
    .home .home_square .squareTopic_item {
      width: 12.51556rem;
      height: 11.37778rem;
      margin-top: 1.42222rem; }
      .home .home_square .squareTopic_item h5 {
        color: #666666;
        font-size: 0.49778rem; }
      .home .home_square .squareTopic_item .squareTopic_item_img {
        width: 11.66222rem;
        height: 6.68444rem; }

.w_wod {
  position: relative; }
  .w_wod .bangs {
    position: absolute;
    display: flex;
    align-items: flex-end;
    z-index: 222;
    width: 100%;
    height: 3.55556rem;
    margin-top: 1.42222rem; }
    .w_wod .bangs h2 {
      color: white;
      margin-left: auto;
      text-align: center;
      font-size: 16px; }
    .w_wod .bangs img {
      margin-left: auto;
      width: 1.42222rem;
      height: 1.42222rem; }
  .w_wod .user_imgbgd {
    z-index: -1; }
    .w_wod .user_imgbgd img {
      width: 100%;
      height: 21.33333rem;
      z-index: -1;
      filter: blur(5px); }
  .w_wod .wod_tc {
    width: 24.17778rem;
    height: 21.33333rem;
    border-radius: 8px;
    background: white;
    z-index: 155;
    margin: 0 auto;
    margin-top: -14.93333rem;
    position: relative; }
    .w_wod .wod_tc .tc_user_img {
      height: 10.66667rem;
      position: relative; }
      .w_wod .wod_tc .tc_user_img .user_div {
        position: absolute;
        margin-top: 1.42222rem;
        margin-left: 7.82222rem; }
        .w_wod .wod_tc .tc_user_img .user_div .user_img {
          width: 8.53333rem;
          height: 8.53333rem;
          border-radius: 50%; }
    .w_wod .wod_tc .w_user_nickname {
      height: 3.55556rem;
      text-align: center; }
      .w_wod .wod_tc .w_user_nickname .nickname {
        height: 1.42222rem; }
        .w_wod .wod_tc .w_user_nickname .nickname span {
          font-weight: bolder; }
      .w_wod .wod_tc .w_user_nickname .autograph {
        height: 2.13333rem; }
        .w_wod .wod_tc .w_user_nickname .autograph span {
          font-size: 0.85333rem; }
    .w_wod .wod_tc .follow_box {
      margin-top: 0.71111rem;
      height: 6.4rem; }
      .w_wod .wod_tc .follow_box .follow_box_x {
        display: flex;
        justify-content: center; }
        .w_wod .wod_tc .follow_box .follow_box_x div {
          text-align: center; }
          .w_wod .wod_tc .follow_box .follow_box_x div p {
            font-weight: bolder; }
        .w_wod .wod_tc .follow_box .follow_box_x .follow {
          margin-left: 0.71111rem; }
        .w_wod .wod_tc .follow_box .follow_box_x .fans {
          margin-left: 4.62222rem; }
        .w_wod .wod_tc .follow_box .follow_box_x .fabulous {
          margin-left: 4.97778rem; }
      .w_wod .wod_tc .follow_box .homepage {
        text-align: center;
        margin-top: 1.42222rem; }
        .w_wod .wod_tc .follow_box .homepage .homepage_x {
          width: 4.97778rem;
          margin: auto;
          border-radius: 12px;
          border: 1px #28d2d1 solid; }
          .w_wod .wod_tc .follow_box .homepage .homepage_x span {
            font-size: 0.85333rem; }
  .w_wod .business {
    background-color: white;
    border-radius: 10px;
    width: 90%;
    height: 9.24444rem;
    margin: auto;
    margin-top: 1.06667rem; }
    .w_wod .business .adm-tabs-tab {
      font-size: 0.92444rem; }
    .w_wod .business .purchase {
      margin-top: 1.42222rem;
      height: 2.13333rem;
      border-bottom: 1px #ececec solid;
      display: flex; }
      .w_wod .business .purchase .pur1 {
        margin-right: auto; }
      .w_wod .business .purchase .pur2 {
        margin-left: auto;
        font-size: 0.56889rem;
        color: #68e1f1; }
    .w_wod .business .purchase2 {
      height: 1.28rem;
      border-bottom: 1px #ececec solid;
      display: flex; }
      .w_wod .business .purchase2 .pur11 {
        margin-right: auto; }
      .w_wod .business .purchase2 .pur22 {
        margin-left: auto;
        font-size: 0.56889rem;
        color: #68e1f1; }
    .w_wod .business .purul {
      height: 4.12444rem; }
      .w_wod .business .purul ul {
        display: flex;
        margin-top: 0.71111rem;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-end; }
        .w_wod .business .purul ul img {
          width: 1.99111rem;
          height: 1.99111rem; }
    .w_wod .business .pur3 {
      display: flex;
      justify-content: space-around; }

.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  display: none; }

.content {
  height: 100vh;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  user-select: none; }
  .content > div {
    width: 100%;
    height: 100%;
    background: url(../imgs_x/one.png) no-repeat left center;
    background-size: cover; }

.adm-nav-bar {
  background: linear-gradient(160deg, #2ed8c4, #36dcaa);
  color: #fff; }

.father_title {
  height: 2.84444rem;
  font-size: 1.28rem;
  background: linear-gradient(160deg, #2ed8c4, #36dcaa);
  color: #fff;
  text-align: center; }

.login {
  background: #fff;
  box-shadow: 0 0 3px 1px #ccc;
  padding: 0.71111rem 1.28rem 1.42222rem;
  border-radius: 0.71111rem;
  margin: 0 0 1.42222rem; }
  .login .items {
    border-bottom: 0.07111rem solid #ccc;
    margin: 0 0 0.35556rem; }
    .login .items .adm-input {
      font-size: 0.99556rem; }
    .login .items .inputs {
      height: 2.84444rem;
      text-indent: 2em; }
    .login .items .inputs::placeholder {
      text-indent: 2em; }
    .login .items .adm-list {
      border: none; }
    .login .items .adm-list-item-content {
      font-size: 1.06667rem; }

.msg_div .msg_top {
  width: 100%;
  height: 12.70519rem;
  background: url(../imgs_x/tuoyuan.png) no-repeat;
  background-size: 150%;
  background-position: -6.4rem -11.73333rem; }
  .msg_div .msg_top .msg_title {
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
    font-size: 1.04296rem;
    font-weight: 600; }
  .msg_div .msg_top .msg_itemize {
    width: 24.69926rem;
    margin: 0 auto;
    height: 6.77926rem;
    border-radius: 1.3037rem;
    background-color: #fff;
    margin-top: 0.59259rem;
    padding: 0 3.41333rem;
    box-sizing: border-box;
    box-shadow: 0 4px 10px 0 #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .msg_div .msg_top .msg_itemize div {
      padding: 0 2.34667rem; }
      .msg_div .msg_top .msg_itemize div img {
        width: 4.26667rem;
        height: 4.26667rem;
        margin-top: 0.21333rem; }
      .msg_div .msg_top .msg_itemize div span {
        display: block;
        text-align: center;
        color: #adadad;
        line-height: 1.61185rem; }

.msg_div .msg_content .msg_content_talk {
  height: 5.97333rem;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 0.99556rem;
  box-sizing: border-box;
  display: flex;
  align-items: center; }
  .msg_div .msg_content .msg_content_talk img {
    width: 4.21926rem;
    height: 4.21926rem; }
  .msg_div .msg_content .msg_content_talk .msg_content_msg_div {
    margin-left: 0.64rem; }
    .msg_div .msg_content .msg_content_talk .msg_content_msg_div .msg_content_msgdiv {
      height: 1.65926rem;
      line-height: 1.65926rem; }
      .msg_div .msg_content .msg_content_talk .msg_content_msg_div .msg_content_msgdiv .talkername {
        font-size: 0.99556rem;
        font-weight: 600; }
      .msg_div .msg_content .msg_content_talk .msg_content_msg_div .msg_content_msgdiv .msg_success {
        font-size: 0.52148rem;
        color: #ff0000;
        transfoRm: scale(0.61);
        margin-left: 1.01926rem;
        -webkit-transfoRm-origin-x: 0; }
    .msg_div .msg_content .msg_content_talk .msg_content_msg_div .msg_content_msgxt {
      line-height: 1.46963rem; }

.msg_detailsdiv .active_detailcontent {
  overflow: hidden; }
  .msg_detailsdiv .active_detailcontent .active_detail {
    width: 24.69926rem;
    height: 12.37333rem;
    border-radius: 0.71111rem;
    margin: 0 auto;
    margin-top: 1.56444rem;
    box-shadow: 0 5px 10px 0 #f2f2f2;
    margin-bottom: 0.47407rem; }
    .msg_detailsdiv .active_detailcontent .active_detail img {
      width: 100%;
      height: 7.11111rem;
      display: block;
      border-radius: 0.71111rem; }
    .msg_detailsdiv .active_detailcontent .active_detail .active_details_div {
      padding: 0 1.65926rem;
      box-sizing: border-box;
      clear: both;
      overflow: hidden; }
      .msg_detailsdiv .active_detailcontent .active_detail .active_details_div .active_detail_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 2.13333rem; }
        .msg_detailsdiv .active_detailcontent .active_detail .active_details_div .active_detail_title .title {
          font-size: 1.04296rem;
          font-weight: 600; }
        .msg_detailsdiv .active_detailcontent .active_detail .active_details_div .active_detail_title .time {
          font-size: 0.52148rem;
          color: #656565;
          -webkit-transfoRm-origin-x: 0;
          transfoRm: scale(0.61);
          margin-right: -0.71111rem; }
      .msg_detailsdiv .active_detailcontent .active_detail .active_details_div .detail_text {
        width: 168%;
        display: block;
        height: 2.60741rem;
        overflow: hidden;
        line-height: 0.85333rem;
        -webkit-transfoRm-origin-x: 0;
        font-size: 0.52148rem;
        transfoRm: scale(0.6);
        letter-spacing: 1px;
        color: #8e8e8e;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden; }

.square_div .square_div_box .square_div_div1 .right img {
  width: 6.13926rem;
  height: 6.13926rem; }

.square_div .square_div_box .square_div_div1 .right div {
  display: flex;
  justify-content: space-around; }

.square_div .square_div_box .square_div_div2 .right .commenter {
  display: flex;
  align-items: center; }
  .square_div .square_div_box .square_div_div2 .right .commenter img {
    width: 2.10963rem;
    height: 2.10963rem; }
  .square_div .square_div_box .square_div_div2 .right .commenter span {
    margin-left: 0.6163rem;
    font-size: 0.75852rem;
    transfoRm: scale(0.88);
    -webkit-transfoRm-origin-x: 0; }

.square_div .square_div_box .square_div_div2 .right .leavemsg {
  width: 150%;
  font-size: 0.6163rem;
  transfoRm: scale(0.72);
  -webkit-transfoRm-origin-x: 0;
  margin-top: 0.94815rem;
  line-height: 0.71111rem; }

.square_div .square_div_box .square_div_div3 .right .product_div {
  padding: 0;
  margin: 0;
  width: 12.1363rem;
  height: 5.52296rem;
  display: flex; }
  .square_div .square_div_box .square_div_div3 .right .product_div img {
    width: 5.49926rem;
    height: 5.49926rem; }
  .square_div .square_div_box .square_div_div3 .right .product_div .product_detail {
    width: 6.63704rem;
    height: 100%;
    padding: 0.71111rem 0.85333rem;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 #f2f2f2; }
    .square_div .square_div_box .square_div_div3 .right .product_div .product_detail .price {
      color: #ff5858;
      font-size: 0.37926rem;
      display: block;
      transfoRm: scale(0.6);
      -webkit-transfoRm-origin-x: 0; }
    .square_div .square_div_box .square_div_div3 .right .product_div .product_detail .title {
      font-size: 0.6163rem;
      line-height: 1.56444rem; }
    .square_div .square_div_box .square_div_div3 .right .product_div .product_detail .text {
      width: 200%;
      font-size: 0.33185rem;
      transfoRm: scale(0.38);
      display: block;
      -webkit-transfoRm-origin-x: 0;
      margin-top: -0.35556rem; }

.square_div .square_div_box .square_div_div1,
.square_div .square_div_box .square_div_div2,
.square_div .square_div_box .square_div_div3 {
  height: 11.63852rem;
  padding: 0 1.01926rem;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #ccc; }
  .square_div .square_div_box .square_div_div1 .left,
  .square_div .square_div_box .square_div_div2 .left,
  .square_div .square_div_box .square_div_div3 .left {
    width: 5.66519rem;
    overflow: hidden;
    text-align: center;
    margin-top: 1.23259rem; }
    .square_div .square_div_box .square_div_div1 .left .number,
    .square_div .square_div_box .square_div_div2 .left .number,
    .square_div .square_div_box .square_div_div3 .left .number {
      font-size: 1.28rem;
      font-weight: 600; }
    .square_div .square_div_box .square_div_div1 .left .month,
    .square_div .square_div_box .square_div_div2 .left .month,
    .square_div .square_div_box .square_div_div3 .left .month {
      font-size: 1.04296rem; }
  .square_div .square_div_box .square_div_div1 .right,
  .square_div .square_div_box .square_div_div2 .right,
  .square_div .square_div_box .square_div_div3 .right {
    width: 19.01037rem;
    margin-top: 0.56889rem; }
    .square_div .square_div_box .square_div_div1 .right p,
    .square_div .square_div_box .square_div_div2 .right p,
    .square_div .square_div_box .square_div_div3 .right p {
      line-height: 3.41333rem;
      font-size: 0.99556rem;
      font-weight: 600; }
    .square_div .square_div_box .square_div_div1 .right div,
    .square_div .square_div_box .square_div_div2 .right div,
    .square_div .square_div_box .square_div_div3 .right div {
      padding: 0 1.96741rem;
      box-sizing: border-box; }

.talk_div {
  padding: 0 0.99556rem;
  box-sizing: border-box;
  margin-bottom: 3.55556rem;
  height: calc(100vh - 50); }
  .talk_div ul li {
    height: 5.26222rem;
    line-height: 5.26222rem; }
    .talk_div ul li .mine,
    .talk_div ul li .robot {
      position: relative; }
      .talk_div ul li .mine img,
      .talk_div ul li .robot img {
        width: 4.31407rem;
        height: 4.31407rem;
        position: absolute;
        top: 0.56889rem; }
      .talk_div ul li .mine span,
      .talk_div ul li .robot span {
        padding: 0.99556rem 0.90074rem;
        box-sizing: border-box;
        background: red;
        border-radius: 0.71111rem;
        margin-top: 0; }
    .talk_div ul li .mine {
      float: right; }
      .talk_div ul li .mine img {
        float: right;
        right: 0; }
      .talk_div ul li .mine span {
        margin-right: 4.97778rem;
        background: #2ed8c4; }
    .talk_div ul li .robot {
      float: left; }
      .talk_div ul li .robot img {
        left: 0; }
      .talk_div ul li .robot span {
        background: #fff;
        margin-left: 4.97778rem;
        box-shadow: 0 0 15px 0 #f2f2f2; }

.talk_send {
  width: 100%;
  height: 3.55556rem;
  padding: 0.42667rem 0.71111rem;
  box-sizing: border-box;
  background: #ebebeb;
  position: fixed;
  bottom: 0; }
  .talk_send input {
    width: 80%;
    height: 2.20444rem;
    background: #fff;
    border: none;
    border-radius: 0.71111rem;
    text-indent: 0.71111rem; }
  .talk_send button {
    width: 16%;
    border: none;
    background: #2ed8c4;
    height: 2.20444rem;
    border-radius: 1.42222rem;
    color: #fff;
    margin-left: 0.71111rem; }
